<template>
  <div>
    <van-nav-bar
      title="评论中心"
      left-text="返回"
      class="leader"
      left-arrow
      @click-left="onClickLeft"
    >
      <template #right>
        <van-icon
          name="ellipsis"
          size="26px"
          color="#ffffff"
          class="pullTab"
          @click.stop="ShowHidden = !ShowHidden"
        />
        <Pulltab v-if="ShowHidden" @click.stop="" />
      </template>
    </van-nav-bar>
    <van-tabs @click="onClick">
      <van-tab title="待评价"
        ><img
          src="https://www.160dyf.com/Public/vue2/static/img/fail@3x.768730a.png"
          alt="暂无"
          width="200px"
          style="margin: 10px auto"
      /></van-tab>
      <van-tab title="已评价"
        ><img
          src="https://www.160dyf.com/Public/vue2/static/img/fail@3x.768730a.png"
          alt="暂无"
          width="200px"
          style="margin: 10px auto"
      /></van-tab>
    </van-tabs>
    <p class="bot">到底了~</p>
  </div>
</template>

<script>
import Pulltab from '../components/Pulltab.vue'
    export default {
        components: {
            Pulltab,
        },
         data() {
            return {
            username: '',
            password: '',
            checked:true,
            ShowHidden: false
            };
        },
        methods: {
            onSubmit(values) {
                console.log('submit', values);
            },
            HiddenClick () {
                this.ShowHidden = false
            },
            onClick(name, title) {
            },
            onClickLeft(){
                this.$router.go(-1)
            }
        },
            mounted () {
            document.addEventListener('click', this.HiddenClick)
            },
    }
</script>
<style scoped>
body {
  background-color: #fff;
}
::v-deep .van-nav-bar .van-icon {
  color: #fff;
  font-size: 20px;
}
::v-deep .van-nav-bar__left span,
::v-deep .van-nav-bar__title {
  color: #fff;
  font-size: 16px;
}
</style>
<style src="../assets/css/discuss.css" scoped>
</style>
